<template>
	<view class="container">
		<view class="success-wapper">
			<view class="img">
				<image src="/static/success.png" mode="widthFix"></image>
			</view>
			<view class="success-title">
				<text>报名成功</text>
			</view>
			
			<view class="success-btn" style="margin-top: 30rpx;" @click="toPage">
				<u-button :customStyle="{'color':'#65d0b6'}">继续报名</u-button>
			</view>
			<view class="success-btn">
				<u-button color="#65d0b6" @click="toIndex">返回首页</u-button>
			</view>
			<view class="success-hint">
				<text><text style="color: red;padding-right: 15rpx;">*</text> 如需撤销报名或无法准时参加，请在【我的】页面联系客服处理</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		
		data() {
			return {
			}
		},
		onLoad() {
		},
		methods: {
			toPage(){
				uni.navigateBack({
					delta:2
				})
			},
			toIndex(){
				this.switchTab('/pages/pages_index/index')
			}
		}
	}
</script>

<style lang="scss" scoped>
	.container {
		width: 100%;
		height: 100vh;
		background-color: #fff;

		.success-wapper {
			.img {
				width: 100%;
				display: flex;
				justify-content: center;
			}

			.success-title {
				font-size: 38rpx;
				font-weight: bold;
				text-align: center;
				color: #65d0b6;
			}
			.success-hint{
				width: 100%;
				font-size: 28rpx;
				color: #aaa;
				line-height: 50rpx;
				padding: 0 20rpx;
				box-sizing: border-box;
				margin-top: 30rpx;
			}
			.success-btn {
				width: 70%;
				margin: 0 auto;
				padding: 30rpx 0;
			}
		}
	}
</style>
